<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>Myriad markers</title>

<style type="text/css">
v\:* {
behavior:url(#default#VML);
}

BODY { font-family: Arial; font-size: small;
background-color: #CCCCFF;}

A:hover {color: red; text-decoration: underline; }


</style>
<script 

src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAYxpy0HiKBWXiyhVrpVqkshTWg_xmhpETXrjHUj59zHLsinrq_xSAmAGIH

F6kJpo3mJn5WnKDztG7kw"type="text/javascript">
</script>
</head>
<body onunload="GUnload()">

<div id="forehead" style="position: absolute; top:0px;left:10px;width: 550px; height: 40px"><h2>Esa's Google Maps 

API examples</h2>

</div>

<div id="novel" style="position: absolute; top:60px; left:600px; width:360px; height:600px; text-align:left">

<h3>Myriad of markers</h3>
'Mousemove' event is used here to create a marker. Click when you get bored.<br/>

<input type="button" id="clear" value="Clear" onclick="clearMaps()" style="width:80px;" 
title="Clear the markers and see the timing">

<h3>GLog</h3>

GLog is a debugging tool that displays any text or variable by a simple GLog.write("Hello") script. It is much more 

useful than the tradional alert("Hello"). It does not stop the script executing. For some reason when once closed 

it will not open again. You can move the log window.


<p>
<a href="http://koti.mbnet.fi/ojalesa/exam/index.html">Index</a>

</p><p>gmapsapiATgmailDOTcom
</p>

</div>

<div id="map" style="position: absolute; top:60px;left:10px;width:512px; height:400px"></div>




<script type="text/javascript">
//<![CDATA[

      

var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(65,25), 4);
map.addControl(new GMapTypeControl(1));
map.addControl(new GLargeMapControl());

map.enableContinuousZoom();
map.enableDoubleClickZoom();


/////Marker 

var point = new GLatLng(60,25)


////marker creating  engine



var pint;
var nn=0;
var ok=1;

GEvent.addListener(map, "click", function(){
if(ok==1){ok=0; GLog.write("Stopped, click again to go on.")}
else{ok=1};
});

GEvent.addListener(map, "mousemove", function(pint){
domarker(pint);
});

function domarker(pint){
if(ok==1){
GLog.write(nn+"      ("+pint.toUrlValue()+")");
nn++;
var marker = new GMarker(new GLatLng(0,0));
map.addOverlay(marker);
marker.setPoint(pint);
}};

function clearMaps(){
GLog.write("Clearing started");
map.clearOverlays();
GLog.write("Cleared, congratulations!");
nn=0;
}


//]]>
</script>

<div id="ilosanoma" style="position: absolute; top:520px; left:10px; width:500px; height:60px;">

<script type="text/javascript"><!--
google_ad_client = "pub-3649938975494252";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel ="2676021345";
google_color_border = "CCCCFF";
google_color_bg = "CCCCFF";
google_color_link = "0000CC";
google_color_url = "008000";
google_color_text = "000000";
//--></script>

<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>
</body>
</html>
